/* App.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
#app {
  width: 100%;
  height: 100vh;
  //   overflow: hidden;
}

uni-input {
  height: auto !important;
}
// .page {
//   line-height: 1.6;
//   height: 100vh;
//   padding: 10px;
//   overflow: hidden;
//   background: linear-gradient(135deg, #f5f7fa, #e4e7f1);
// }
// .app {
//   width: 100%;
//   height: 100vh;
//   padding: 10px;
//   overflow: scroll;
//   overflow-x: hidden;
//   background: linear-gradient(135deg, #f5f7fa, #e4e7f1);
// }

.main {
  /* max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); */
}

// .navbar {
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
//   padding: 1rem 0;
//   border-bottom: 1px solid #eee;
//   margin-bottom: 2rem;
// }

// .nav-links {
//   display: flex;
//   list-style: none;
//   gap: 1.5rem;
// }

// .nav-links a {
//   text-decoration: none;
//   color: #333;
//   font-weight: 500;
//   transition: color 0.3s;
// }

// .nav-links a:hover {
//   color: #007bff;
// }

// .page {
//   padding: 2rem;
//   background: white;
//   border-radius: 8px;
//   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
// }

// .dashboard-nav {
//   display: flex;
//   gap: 1rem;
//   margin-bottom: 1.5rem;
//   padding-bottom: 1rem;
//   border-bottom: 1px solid #eee;
// }

// .dashboard-nav a {
//   text-decoration: none;
//   color: #333;
//   padding: 0.5rem 1rem;
//   border-radius: 4px;
//   transition: background-color 0.3s;
// }

// .dashboard-nav a:hover {
//   background-color: #f8f9fa;
// }

// .dashboard-content {
//   padding: 1rem;
// }
